<!DOCTYPE HTML>
<!--
	Paradigm Shift by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>执剑话江湖——Blog</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Intro -->
					<section class="intro">
						<header>
							<h1>許</h1>
							<h2>是这场雨下得太久,忘记了时间</h2>
							<ul class="actions">
								<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
							</ul>
						</header>
						<div class="content">
							<span class="image fill" data-position="center"><img src="images/pic03.jpg" alt="" /></span>
						</div>
					</section>

				<!-- Section -->
					<section id="first">
						<header>
							<h2>记</h2>
						</header>
						<div class="content">
							<p><strong>飕飕</strong> 已许久不曾写记了</p>
							<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
						</div>
					</section>

				<!-- Section -->
					<section>
						<header>
							<h2>散文诗</h2>
						</header>
						<div class="content">
							<p><strong>致橡树 -- 舒婷</strong> 
							<br>我如果爱你——
							<br>绝不像攀援的凌霄花，
							<br>借你的高枝炫耀自己；
							<br>我如果爱你——
							<br>绝不学痴情的鸟儿，
							<br>为绿荫重复单调的歌曲；
							<br>也不止像泉源，
							<br>常年送来清凉的慰藉；
							<br>也不止像险峰，
							<br>增加你的高度，
							<br>衬托你的威仪。
							<br>甚至日光，
							<br>甚至春雨。
							<br>
							<br>不，
							<br>这些都还不够！
							<br>我必须是你近旁的一株木棉，
							<br>作为树的形象和你站在一起。
							<br>根，紧握在地下；
							<br>叶，相触在云里。
							<br>每一阵风过，
							<br>我们都互相致意，
							<br>但没有人，
							<br>听懂我们的言语。
							<br>你有你的铜枝铁干，
							<br>像刀，像剑，也像戟；
							<br>我有我红硕的花朵，
							<br>像沉重的叹息，
							<br>又像英勇的火炬。
							<br>
							<br>我们分担寒潮、风雷、霹雳；
							<br>我们共享雾霭、流岚、虹霓。
							<br>仿佛永远分离，
							<br>却又终身相依。
							<br>这才是伟大的爱情，
							<br>坚贞就在这里：
							<br>爱——
							<br>不仅爱你伟岸的身躯，
							<br>也爱你坚持的位置，
							<br>足下的土地。
							</p>
							<!--
							<ul class="feature-icons">
								<li class="icon solid fa-laptop">Consequat tempus</li>
								<li class="icon solid fa-bolt">Etiam adipiscing</li>
								<li class="icon solid fa-signal">Libero nullam</li>
								<li class="icon solid fa-cog">Blandit condimentum</li>
								<li class="icon solid fa-map-marker-alt">Lorem ipsum dolor</li>
								<li class="icon solid fa-code">Nibh amet venenatis</li>
							</ul>
							-->
							<p>-------------------------------------------</p>
						</div>
					</section>

				<!-- Section -->
					<section>
						<header>
							<h2>XXX</h2>
						</header>
						<div class="content">
							<p><strong>XXX</strong> XXX</p>

							<!-- Section -->
								<section>
									<header>
										<h3>XXX</h3>
										<p>XXX</p>
									</header>
									<div class="content">
										<div class="gallery">
											<a href="images/gallery/fulls/01.jpg" class="landscape"><img src="images/gallery/thumbs/01.jpg" alt="" /></a>
											<a href="images/gallery/fulls/02.jpg"><img src="images/gallery/thumbs/02.jpg" alt="" /></a>
											<a href="images/gallery/fulls/03.jpg"><img src="images/gallery/thumbs/03.jpg" alt="" /></a>
											<a href="images/gallery/fulls/04.jpg" class="landscape"><img src="images/gallery/thumbs/04.jpg" alt="" /></a>
										</div>
									</div>
								</section>

							<!-- Section -->
								<section>
									<header>
										<h3>XXX</h3>
										<p>XXX</p>
									</header>
									<div class="content">
										<div class="gallery">
											<a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/gallery/thumbs/05.jpg" alt="" /></a>
											<a href="images/gallery/fulls/06.jpg"><img src="images/gallery/thumbs/06.jpg" alt="" /></a>
											<a href="images/gallery/fulls/07.jpg"><img src="images/gallery/thumbs/07.jpg" alt="" /></a>
										</div>
									</div>
								</section>

							<!-- Section -->
								<section>
									<header>
										<h3>XXX</h3>
										<p>XXX</p>
									</header>
									<div class="content">
										<div class="gallery">
											<a href="images/gallery/fulls/08.jpg" class="portrait"><img src="images/gallery/thumbs/08.jpg" alt="" /></a>
											<a href="images/gallery/fulls/09.jpg" class="portrait"><img src="images/gallery/thumbs/09.jpg" alt="" /></a>
											<a href="images/gallery/fulls/10.jpg" class="landscape"><img src="images/gallery/thumbs/10.jpg" alt="" /></a>
										</div>
									</div>
								</section>
						</div>
					</section>

				<!-- Section -->
					<section>
						<header>
							<h2>XXX</h2>
						</header>
						<div class="content">
							<p><strong>XXX</strong> XXX</p>
							<ul class="actions">
								<li><a href="#" class="button primary large">XXX</a></li>
								<li><a href="#" class="button large">XXX</a></li>
							</ul>
						</div>
					</section>
				<!-- Section -->
					<section>
						<header>
							<h2>XXX</h2>
						</header>
						<div class="content">
							<p><strong>XXX</strong> XXX</p>
							<form>
								<div class="fields">
									<div class="field half">
										<input type="text" name="name" id="name" placeholder="Name" />
									</div>
									<div class="field half">
										<input type="email" name="email" id="email" placeholder="Email" />
									</div>
									<div class="field">
										<textarea name="message" id="message" placeholder="Message" rows="7"></textarea>
									</div>
								</div>
								<ul class="actions">
									<li><input type="submit" value="Send Message" class="button primary" /></li>
								</ul>
							</form>
						</div>
						<footer>
							<ul class="items">
								<li>
									<h3>邮箱</h3>
									<a href="#">xusousou@163.com</a>
								</li>
								<li>
									<h3>电话</h3>
									<a href="#">*** **** ****</a>
								</li>
								<li>
									<h3>地址</h3>
									<span>中国-深圳</span>
								</li>
								<li>
									<h3>Elsewhere</h3>
									<ul class="icons">
										<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
										<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
										<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
										<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
										<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
										<li><a href="#" class="icon brands fa-codepen"><span class="label">Codepen</span></a></li>
									</ul>
								</li>
							</ul>
						</footer>
					</section>
				<!-- Copyright -->
				<!-- 
					<div class="copyright">&copy; Untitled. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</div>

					</div> 
				-->
		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>
